@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
img { display:block;}
body { width:100%; font-family:"微软雅黑";}
.Head { position:relative;}
.banner { width:100%; height:100%; position:relative;}
.banner  img { width:100%; height:100%; position:absolute; left:0; top:0;}
.banner  .current { z-index:1; -moz-animation:show 1s; -ms-animation:show 1s; -o-animation:show 1s; -webkit-animation:show 1s;}
	@-webkit-keyframes show{
		from{opacity:0;}
		to{opacity:1;}
	}
	@-o-keyframes show{
		from{opacity:0;}
		to{opacity:1;}
	}
	@-moz-keyframes show{
		from{opacity:0;}
		to{opacity:1;}
	}
	@-ms-keyframes show{
		from{opacity:0;}
		to{opacity:1;}
	}

/*.Hnav*/
.Hnav { width:100%; position:absolute; z-index:2; left:0; top:0; overflow:hidden;}
.hLogo { margin:20px 0 0 150px; float:left;  width:212px; height:59px;}
.navgitor { float:right; margin:20px 0 0 0;}
.HnavUl { float:left; margin:0 80px 0 0;}
.HnavSign { float:left; margin:5px 50px 0 0;}
.HnavUl li { float:left; width:105px; height:40px;  text-align:center; line-height:40px;}
.HnavUl .current{ border-bottom:4px solid #fff; }
.HnavUl li:hover{ border-bottom:4px solid #fff; }
.HnavUl li a{text-decoration:none; color:#fff; font-size:16px; font-weight:bold;}
.HnavSign a{ text-decoration:none; font-size:14px; color:#fff; width:42px; height:22px; display:inline-block; text-align:center; line-height:22px; border-radius:5px; border:1px solid #0ea49e;}
.HnavSign .current { background:#0ea49e;}


/*HlittleBtn*/
.HlittleBtn { position:absolute; right:5%; bottom:8%; z-index:3;}
.HlittleBtn ul li { float:left; width:10px; height:10px; border-radius:10px; background:rgba(255,255,255,0.6); margin:0 5px 0 0;}
.HlittleBtn ul .current { background:#fff;}

/*Map*/
.Map { width:100%; position:relative;}
.MTop { width:100%; height:40px; background:#000; position:absolute; left:0; top:-30px; z-index:10;}
.MTIn { width:100%; margin:0 auto;}
.MTIn a {text-decoration:none; color:#fff; font-size:6px; height:30px; line-height:40px; display:inline-block; float:left;}
.MTIn .differ { margin:0 2px; width:2%;}
.MTIn .MTIna01 { width:32%;}
.MTIn .MTIna { width:45%;}
.little3jiao { position:absolute; left:19%;}

/*MCenter*/
.MCenter { width:100%;background:#e8e8e8;} 
.MCenterIn { width:100%; margin:0 auto; padding:20px 0; position:relative;}
.MCenterIn div { float:left; width:16%; text-align:center; font-size:12px; color:#33445b; background:url(../img/mapBg.jpg) no-repeat 100% 0;}
.MCenterIn div img { width:100%;}

.MCenter  .MCenterIn .searchBox , .MCenter  .MCenterIn .searchBox div { background-image:none;}
.MCenter  .MCenterIn .searchBox{ width:20%; position:absolute; z-index:11;right:0; top:-30px;}
.MCenterIn .searchBox .sbTop { width:100%; background-color:#ff6767; height:40px; line-height:40px; color:#fff;}
.MCenterIn .searchBox .sbTop p { font-size:10px;}
.MCenter  .MCenterIn .sbCenter { width:100%; background-color:#fff; padding:0 0 5px 0;}
.sbCenter  select { width:80%; height:20px; border-radius:5px; border:none; background:#d9d9d9; margin:20px 0 0 0; padding:0 3px; box-sizing:border-box;}
.MCenter  .MCenterIn .enjoyBg { width:80%; margin:10px 0 0 20px;}
.sure { width:60%; height:20px; background-color:#ff6767; border:none; margin:5px 0 0 0; color:#fff; font-size:12px;}

/*trip*/
.trip { width:100%;background:#93dbb3;}
.tripIn { width:100%; margin:0 auto; padding:10px 0 30px 0; position:relative;}
.tripIn h3{ font-size:20px; color:#fff; font-weight:normal; margin:0 0 0 5px;}
.project { width:100%; margin:20px 0 0 0; overflow:hidden;}
.projectall {width:96%; position:relative; float:left; margin:0 0 0 3%;}
.projectall img {width:100%;}
.projectallCenterBg { width:97%; height:90px; position:absolute; left:0; top:50%; z-index:2; background:rgba(0,0,0,0.6);text-align:center;}
.projectallCenterBg:hover { background:#d66382;}
.projectallCenterBg  h4 { color:#fff; font-size:18px; font-weight:normal; margin:10px 0 0 0;}
.projectallCenterBg  p { color:#fff; font-size:12px; margin:5px 0 0 0;}
.tripIn .more { position:absolute; right:10%; top:1%; padding:0 0 0 20px;}
.tripIn .moreI { width:20px; height:20px; display:inline-block;  background:url(/public/img/bn/more.png) no-repeat; background-size:100% 100%; float:left;}
.tripIn .more p {color:#fff; float:left; margin: 0 0 0 5px;}
.tripIn .more p a{color:#fff; text-decoration:none;}

/*limit*/
.limit { width:100%; background:url(/public/img/bn/limitedBg.png) no-repeat; background-size:100% 100%;}
.limitIn { width:100%; margin:0 auto;  padding:20px 0 80px 0; position:relative;}
.limitIn h3{ font-size:20px; color:#000; font-weight:normal;}
.lProject { width:100%; margin:20px 0 0 0; overflow:hidden;}
.lProject .lProject01 { width:100%; background:#fff; padding:0 0 20px 0; position:relative; float:left; margin:0 0 20px 0;}
.lProject .lProject01:hover { background:#d5869b;}
.lProject .lProject01  img{ width:100%; }
.lProject .lProject01  p{ margin:10px; font-size:14px; }
.flyCar{ position:absolute; z-index:2; right:5%; bottom:0;}
.flyCar i { display:inline-block; width:30px; height:30px;}
.flyCar .sever { background:url(/public/img/bn/specialIcon01.png) no-repeat;}
.flyCar .fly { background:url(/public/img/bn/specialIcon01.png) no-repeat 0 -31px;}
.flyCar .car { background:url(/public/img/bn/specialIcon01.png) no-repeat 0 -58px;}

.limitIn .more { position:absolute; right:10%; top:1%; padding:0 0 0 30px;}
.limitIn .moreI { width:20px; height:20px; display:inline-block;  background:url(/public/img/bn/more.png) no-repeat; background-size:100% 100%; float:left;}
.limitIn .more p {color:#000; float:left; margin:0 0 0 5px;}
.limitIn .more p a{color:#000; text-decoration:none;}


/*copyRight*/
.top { position:absolute; z-index:2; left:50%; top:-45px; width:60px; margin:0 0 0 -40px; -moz-animation:topShow 2s infinite; -ms-animation:topShow  2s infinite; -o-animation:topShow  2s infinite; -webkit-animation:topShow 2s infinite;}
	@-webkit-keyframes topShow{
		0%{ top:-30px; opacity:0;}	
		100% { top:-45px; opacity:1;}
	}
	@-moz-keyframes topShow{
		0%{ top:-30px; opacity:0;}	
		100% { top:-45px; opacity:1;}
	}
	@-ms-keyframes topShow{
		0%{ top:-30px; opacity:0;}	
		100% { top:-45px; opacity:1;}
	}
	@-o-keyframes topShow{
		0%{ top:-30px; opacity:0;}	
		100% { top:-45px; opacity:1;}
	}

.top  img{ width:60px;}

.copyRight { width:100%; background:#76bf9f; position:relative; color:#284857;}
.copyRightIn { width:100%; margin:0 auto; padding:60px 0 30px 0;}
.copyRightIn .erweima { width:40%; float:left;}
.copyRightIn .erweima  .guanwang ,  .copyRightIn .erweima  .dujiawu , .copyRightIn .erweima .weibo{ width:30%; text-align:center; float:left; margin:0 3px 0 0;}
.copyRightIn .erweima  .guanwang p , .copyRightIn .erweima  .dujiawu p , .copyRightIn .erweima .weibo p{ margin:0 0 10px 0; font-size:12px;}
.copyRightIn .erweima  .guanwang img ,.copyRightIn .erweima  .dujiawu img , .copyRightIn .erweima .weibo img { width:100%;}
 
.message { width:60%; float:right; margin:5% 0 0 0;}
.message div{ width:30%; float:left; text-align:center;}
.contact p { font-size:10px; font-family:'Verdana'; margin:10px 0 0 0;}
.message div a { text-decoration:none; font-size:10px; color:#000;}

.last { width:100%; background:#595656; padding:10px 0;}
.last p{ margin:0 auto; color:#fff; width:60%;}
.last img{ margin:10px auto 0;}

/*bieshuBanner*/

.bieshuBanner { width:100%; position: relative;}
.bieshuBannerIn { width:100%; margin:0 auto; padding:20px 0 20px 10%; background: #eee; position: absolute; left: 0; top: 0px;}
.navScroll { position:fixed; left:0; top:0; z-index:99; background:#eee; width:100%; height:60px; padding:10px 0 10px 10%;}
.destination ,.price ,.theme   { width:20%; height:60px; background:#fff; float:left; margin:0 10px 0 0; position:relative;}
.destination .beishuHouse { width:41px; height:40px; margin:10px 0 0 3px; display:inline-block; background:url(../img/bieshuHouseBg.png); float:left;}
.destination input { outline:none; float:left; width:75%; color:#0ea49e; font-size:18px; line-height:60px; margin:0 0 0 5px; border:none;}

.price .beishuprice { width:41px; height:40px; margin:10px 0 0 3px; display:inline-block; background:url(../img/bieshuPriceBg.png); float:left;}
.price input { outline:none; float:left; width:75%; color:#0ea49e; font-size:18px; line-height:60px; margin:0 0 0 5px; border:none;}

.theme .beishutheme { width:41px; height:40px; margin:10px 0 0 3px; display:inline-block; background:url(../img/bieshuThemeBg.png); float:left;}
.theme input { outline:none; float:left; width:75%; color:#0ea49e; font-size:18px; line-height:60px; margin:0 0 0 5px; border:none;}

.Search { width:20%; float:left; background:#0ea49e; height:60px;}
.Search button { width:100%; height:60px; border:none; background:#0ea49e;  color:#fff; font-size:20px; cursor:pointer; }
.cityChoose { width:100%; position:absolute; top:60px; left:0; background:#0ea49e; padding:0 5px; box-sizing:border-box;}
.cityChoose a { text-decoration:none; color:#fff; width:30%; text-align:center; display:inline-block; margin:5px 0 0 0;}

.priceChoose { width:100%; position:absolute;  top:60px; left:0; background:#0ea49e; padding:0 5px; box-sizing:border-box;}
.priceChoose a { text-decoration:none; color:#fff; width:32%; text-align:center; display:inline-block; margin:5px 0 0 0;}

.themeChoose { width:100%; position:absolute; top:60px; left:0; background:#0ea49e; padding:0 5px; box-sizing:border-box;}
.themeChoose a { text-decoration:none; color:#fff; width:30%;  text-align:center; display:inline-block; margin:5px 0 0 0;}


